body {
  background-color: #eee;
}

body {
  background-color: #eee;
}
.header {
  width: 100%;
  .head {
    font-size: 26px;
    width: 100%;
    text-align: center;
    line-height: 60px;
    color: #fff;
    background-color: #197ef4;

    img {
      width: 20px;
      position: absolute;
      left: 5%;
      top: 16px;
    }
  }
  
}
.box{
    width: 100%;
    height: 100%;
    .sou {
        height: 70px;
        top: 20px;
        width: 80%;
        margin: 0 auto;
        background-color: #fff;
        position: relative;
        border-radius: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
        .n1 {
          margin-left: 10px;
          font-size: 2rem;
          position: absolute;
          top: 10px;
          color: #333333;
        }
        .n2 {
          width: 100px;
          position: absolute;
          left: 10px;
          top: 45px;
          font-size: 5px;
          p {
            font-size: 5px;
          }
        }
        .n3 {
          top: 10px;
          font-size: 8px;
          position: absolute;
          left: 73%;
          .s1{
            color: #197ef4;
          }
          .s2{
          color: #ff5613;
          }
          .s3{
          color: #b4b4b4;
          }
        }
      }
}